input,button{outline:none}
textarea{resize:none;outline:none} 
.use-comment{width: 600px;min-height: 50px;margin:0 20px;}
.use-comment .screenshot{font-size: 16px;color: #333333;border-left: 2px solid #333333;padding-left: 5px;}
.use-comment .comment-box{margin-top:20px ;}
.use-comment .comment-box .comment-form{width: 580px;border: 1px solid #EAEEF1;border-radius: 4px 4px 0 0;color:#3D464D;padding:5px 10px;}
.use-comment .comment-box .comment-star{width: 580px;height:34px;border:1px solid #EAEEF1;border-radius:0 0 4px 4px;margin-top:-1px ;background: #f7f7f7;line-height: 34px;}
.use-comment .comment-box .comment-star span{color: #7D8994;font-size: 12px;margin-left: 10px; float: left;}
.use-comment .comment-box .comment-star .comment-star-list{height: 34px;margin-left: 40px;/* background: rebeccapurple;*/}
.use-comment .comment-box .comment-star .comment-star-list .star{width: 18px;height: 18px;background: #C1C9D0 url(static/miniApp/img/comment-star.png) ; background-size: contain;margin-top: 7px;margin-left:4px;cursor: pointer;}
.star_click{background-color:#F5A623 !important;}
.use-comment .comment-sumbit{width:580px;margin-top: 10px;}
.use-comment .comment-sumbit span{font-size:12px ;padding:0 10px;}
.use-comment .comment-sumbit span a{/*color: #fb2d2d;*/cursor: pointer;}
.use-comment .comment-sumbit span a:hover{/*color:#ca2424;*/}
.use-comment .comment-sumbit .sumbit-but{width: 80px;height:30px;border-radius: 4px; border: 0;background:#fb2d2d;color: #fff;font-size: 12px;float: right;}
.use-comment .show-comment-box{min-height: 50px;padding-bottom: 40px;}
.use-comment .show-comment-box .show-head{width: 580px;height: 1px;background: #F1F1F1;position: relative;}
.use-comment .show-comment-box .show-head p{height: 14px;width:180px;line-height: 14px;position: absolute;text-align: center;top: -7px;background: #fff;left:200px; color:rgba(0,0,0,0.6);}
.use-comment .show-comment-box .comment-ul{min-height: 50px;padding: 10px 0;}
.use-comment .show-comment-box .comment-list{margin-top: 30px;padding-bottom:30px;min-height: 50px;border-bottom:1px solid rgba(0,0,0,0.04) ;}
.use-comment .show-comment-box .comment-list:last-child{border-bottom:none;}
.use-comment .show-comment-box .comment-list .user-information{width: 200px;min-height:20px;}
.use-comment .show-comment-box .comment-list .user-information .user-pic{width: 40px;height: 40px;border-radius: 40px;float: left;}
.use-comment .show-comment-box .comment-list .user-information .information{margin-left:10px ;float: left;margin-top: 2px;}
.use-comment .show-comment-box .comment-list .user-information .information span{font-size: 14px;}
.use-comment .show-comment-box .comment-list .user-information .information .uesr-name{ float: left;}
.use-comment .show-comment-box .comment-list .user-information .information .point{width:4px;height: 4px;border-radius: 4px;background: rgba(0,0,0,0.4);display: table-cell;margin: 9px 10px; float: left;}
.use-comment .show-comment-box .comment-list .user-information .information .date{color:rgba(0,0,0,0.4); float: left;}
.comment-star-list{height: 16px;margin-left: -3px;margin-top: -4px;}
.comment-star-list .star{width: 16px;height: 16px;background: #C1C9D0 url(static/miniApp/img/star.png); background-size: contain;margin-left:2px;cursor: pointer;display:inline-block}
.comment-centent{padding:0 48px;margin-top:10px;color: rgba(0,0,0,0.8);}
.app-name{float: left;padding-top: 10px;line-height: 12px;}
.app-icon-list{float:left;color:#7D8994;font-size: 10px;text-align: center;line-height: 12px;padding-top: 10px;margin: 0 10px;}
.icons{padding: 2px 8px;background: #EAEEF1;border-radius:2px ;margin-right: 6px;}
.level-box{display: -webkit-box;padding-top: 5px;}
.text-reset{padding-top:0px !important}
.text-margin-reset{margin-top: 20px;}